<template>
	<view>
		<view class="name">{{info.celebrityName}}</view>
		<view class="img">
			<image :src="info.headUrl" mode="aspectFill"></image>
		</view>
		<view class="introduce">{{info.synopsis}}</view>
	</view>
</template>

<script>
	export default{
		data(){
			return{
				info:null
			}
		},
		onLoad(e) {
			this.info=JSON.parse(e.data)
			console.log(this.info)
		},
		methods:{
			
		}
	}
</script>

<style lang="less">
	.name{
		width: 200rpx;
		font-size: 30rpx;
		font-weight: bold;
		color: #333333;
		margin: 60rpx auto 30rpx;
		text-align: center;
	}
	.img{
		width: 260rpx;
		height: 340rpx;
		margin: 0 auto;
		image{
			width: 260rpx;
			height: 340rpx;
		}
	}
	.introduce{
		width: 500rpx;
		margin: 30rpx auto;
		text-indent: 2em;
	}
</style>
